<template>
  <div style="padding: 20rpx">
    <div class="card f ac xc" style="background: #0b3369">
      <div class="gf rel" style="background:url('/static/yuan2.png') no-repeat 0 0 / 100% 100%;height: 60vw;width: 60vw">
        <div class="abs l50 t4 b fs50r" style="transform: translateX(-50%);top: 4%">销售总额</div>
        <div class="abs l50 b31 b fs40r" style="transform: translateX(-50%);bottom: 31%"> ￥100 </div>
      </div>
    </div>
    <div class="card mt20r" style="background: #0b3369;">
      <div class="f ac xc w100 fs50r b gf">业绩详情</div>
      <detail></detail>
    </div>
  </div>
</template>

<script>
import detail from "./detail.vue";
import {
  getSale
} from "../../api/shoppingCart";
export default {
  components: {
    detail
  },
  mounted() {
    getSale();
  },
  methods: {
    getAllSale() {
      getSale().then(res=>{
        console.log(res,'sssss');
      });
    }
  },
  data() {
    return {}
  }
}
</script>

<style scoped>
.card {
  border-radius: 20rpx;
  box-shadow: 2px 2px 14rpx rgba(0, 0, 0, 0.1);
  padding: 20rpx;
  min-height: 30vh;

}
</style>
